<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <script src="../js/jquery-3.5.1/jquery-3.5.1.js"></script>
    <link rel="stylesheet" href="../css/login.css">
</head>

<body>
<div class="container right-panel-active">

    <!-- Sign Up -->
    <div class="container__form container--signup">
        <form action="#" class="form" id="form1">
            <h2 class="form__title">Sign Up</h2>
            <input type="text" placeholder="User" id="rUser" class="input" />
            <input type="email" placeholder="Email" id="rEmail" class="input" />
            <input type="password" placeholder="Password" id="rPassword" class="input" />
            <button class="btn" type="button" onclick="register()">Sign Up</button>
        </form>
    </div>


    <!-- Sign In -->
    <div class="container__form container--signin">
        <form action="#" class="form" id="form2">
            <h2 class="form__title">Sign In</h2>
            <input type="email" placeholder="Email" id="lEmail" class="input" />
            <input type="password" placeholder="Password" id="lPassword" class="input" />
            <a href="#" class="link">Forgot your password?</a>
            <button class="btn" type="button" onclick="login()">Sign In</button>
        </form>
    </div>



    <!-- Overlay -->
    <div class="container__overlay">
        <div class="overlay">
            <div class="overlay__panel overlay--left">
                <button class="btn" id="signIn">Sign In</button>
            </div>
            <div class="overlay__panel overlay--right">
                <button class="btn" id="signUp">Sign Up</button>
            </div>
        </div>
    </div>
</div>
<script src="../js/login.js"></script>
</body>

</html>
